<!DOCTYPE html>
<head xmlns:v-bind="http://www.w3.org/1999/xhtml" >
    <meta charset="UTF-8">
    <title>demo7循环语句-以对象形式进行迭代,第一个参数为键，第二个参数为值，第三个参数为索引</title>
  <script src="./js/vue.min.js"></script>

</head>

<body>
   <div id="app">
     <ul>
       <li v-for="(value, key, index) in object">
         {{index}}:{{key}} : {{value}}
       </li>
     </ul>
   </div>
   <script type="application/javascript">
     var vm = new Vue({
       el: "#app",
       data: {
         object: {
           name: '菜鸟教程',
           url: 'http://www.runoob.com',
           slogan: '学的不仅是技术，更是梦想'
         }
       }
     });


   </script>
</body>

</html>
